<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/list.css">
    <script src="../js/lib/jquery.js"></script>
</head>
<body>
   <div id="site-nav"></div>


   <!-- 搜索栏 -->
  <form id="fm">
      <input type="text" class="fm-s">
      <button type="submit">搜索</button>
  </form>





  <!-- 列表 -->
  <div class="view grid-nosku " id="J_ItemList">
      <!-- 商品模板 -->
       <!-- <div class="product" >
        <div class="product-iWrap">
         <div class="productImg-wrap">
        <a href="">
        <img src="//img.alicdn.com/bao/uploaded/i1/707376852/O1CN018fKuZb20UGVyPcRth_!!707376852.jpg" >
        </a>
         
        </div>
         
         <p class="productPrice">
        
        <em title="62.00"><b>¥</b>62.00</em>
        
         </p>
        
        <p class="productTitle">
        
        <a href="//detail.tmall.com/item.htm?spm=a220m.1000858.1000725.2.15516befqN8GSg&amp;id=546844762417&amp;skuId=4604733952844&amp;areaId=411400&amp;user_id=707376852&amp;cat_id=2&amp;is_b=1&amp;rn=cc32bbf807b110935285bda0e541f5ae" target="_blank" title="红双喜（DHS）道勃尔乒乓球40+耐打高弹训练球白一星60只装1桶" data-p="1-11" atpanel="1-11,546844762417,50012938,,spu,1,spu,707376852,,," data-spm-anchor-id="a220m.1000858.1000725.2">
        红双喜（DHS）道勃尔乒乓球40+耐打高弹训练球<span class="H">白</span>一星60只装1桶
        </a>
        
        </p>
        
        <div class="productShop" >
         <a class="productShop-name" href="//store.taobao.com/search.htm?spm=a220m.1000858.1000725.3.15516befqN8GSg&amp;user_number_id=707376852&amp;rn=cc32bbf807b110935285bda0e541f5ae&amp;keyword=白" target="_blank" >万汇运动专营店
        </a>
        </div>
         <p class="productStatus">
        <span>月成交 <em>1000+笔</em></span>
        <span>评价 <a href="#" target="_blank"   style="color: #38b;">605</a></span>
        <span data-icon="small" class="ww-light ww-small" data-nick="万汇运动专营店" data-tnick="万汇运动专营店" data-display="inline" data-atp="a!1-2,,,,,,,707376852"><a href="https://amos.alicdn.com/getcid.aw?spm=a220m.1000858.1000725.5.15516befqN8GSg&amp;v=3&amp;groupid=0&amp;s=1&amp;charset=utf-8&amp;uid=%E4%B8%87%E6%B1%87%E8%BF%90%E5%8A%A8%E4%B8%93%E8%90%A5%E5%BA%97&amp;site=cntaobao&amp;fromid=cntaobao一匹孤独狼971197952" target="_blank" class="ww-inline ww-online" title="点此可以直接和卖家交流选好的宝贝，或相互交流网购体验，还支持语音视频噢。" data-spm-anchor-id="a220m.1000858.1000725.5"><img src="http://img.alicdn.com/tps/i1/T11lggFoXcXXc1v.nr-93-93.png" alt=""></a></span>
        </p>
         </div>
        
        </div>  -->

  </div>

   <script>
       $("#site-nav").load("../html/nav.html");
   </script>

<!-- 列表接口 -->
 <script>
     $.ajax({
          type: "get",
          url: "http://jx.xuzhixiang.top/ap/api/productlist.php",
          data: { uid: 74661 },
          success: function (data) {
            
              
            foo1(data);
          },
        });
        let str1 = "";

        function foo1(data) {
          for (let i = 0; i < 60; i++) {
            let random = Math.floor(Math.random() * 9);
            
            str1 += `

        <div class="product  " >
        <div class="product-iWrap">
         <div class="productImg-wrap">
        <a href="http://localhost:8080/html/details.html?id=${data.data[random].pid}">
        <img src="${data.data[random].pimg}" >
        </a>
         
        </div>
         
         <p class="productPrice">
        
        <em title="${data.data[random].pprice}"><b>¥</b>${data.data[random].pprice}</em>
        
         </p>
        
        <p class="productTitle">
        
        <a href="">${data.data[random].pdesc}<span class="H">白</span>买一送一不要错过
        </a>
        
        </p>
        
        <div class="productShop" >
         <a class="productShop-name" href="//store.taobao.com/search.htm?spm=a220m.1000858.1000725.3.15516befqN8GSg&amp;user_number_id=707376852&amp;rn=cc32bbf807b110935285bda0e541f5ae&amp;keyword=白" target="_blank" >万汇运动专营店
        </a>
        </div>
         <p class="productStatus">
        <span>月成交 <em>1000+笔</em></span>
        <span>评价 <a href="#" target="_blank"   style="color: #38b;">605</a></span>
        <span data-icon="small" class="ww-light ww-small" data-nick="万汇运动专营店" data-tnick="万汇运动专营店" data-display="inline" data-atp="a!1-2,,,,,,,707376852"><a href="https://amos.alicdn.com/getcid.aw?spm=a220m.1000858.1000725.5.15516befqN8GSg&amp;v=3&amp;groupid=0&amp;s=1&amp;charset=utf-8&amp;uid=%E4%B8%87%E6%B1%87%E8%BF%90%E5%8A%A8%E4%B8%93%E8%90%A5%E5%BA%97&amp;site=cntaobao&amp;fromid=cntaobao一匹孤独狼971197952" target="_blank" class="ww-inline ww-online" title="点此可以直接和卖家交流选好的宝贝，或相互交流网购体验，还支持语音视频噢。" data-spm-anchor-id="a220m.1000858.1000725.5"><img src="http://img.alicdn.com/tps/i1/T11lggFoXcXXc1v.nr-93-93.png" alt=""></a></span>
        </p>
         </div>
        
        </div>
            `;
          }
           $("#J_ItemList").html(str1);
        }
</script> 




<!-- 搜索接口 -->
<script>
    $(function(){
      $('button').click(function(){
         window.location.replace(url='http://localhost:8080/html/list.html')
      })
     
    })
  </script>
</body>
</html>